<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <!-- Twitter meta-->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:site" content="@pratikborsadiya">
    <meta property="twitter:creator" content="@pratikborsadiya">
    <!-- Open Graph Meta-->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Vali Admin">
    <meta property="og:title" content="Vali - Free Bootstrap 4 admin theme">
    <meta property="og:url" content="http://pratikborsadiya.in/blog/vali-admin">
    <meta property="og:image" content="http://pratikborsadiya.in/blog/vali-admin/hero-social.png">
    <meta property="og:description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
    <title>约健 - 超级管理员</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/docs/css/main.css">
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="app sidebar-mini rtl">
<!-- Navbar-->
{include file="commom/top"}
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
{include file="commom/left"}
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-edit"></i>添加活动</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item">Forms</li>
            <li class="breadcrumb-item"><a href="#">Sample Forms</a></li>
        </ul>
    </div>
    <div class="row" >
        <div class="col-md-6">
            <div class="tile">
                <h3 class="tile-title">请添加活动信息</h3>
                <div class="tile-body">
                    <form class="form-horizontal" enctype="multipart/form-data" action="{:url('activity/doadd')}" method="post">
                        <div class="form-group">
                            <label class="control-label">活动名称</label>
                            <input class="form-control" type="text"  name="activity_name"  placeholder="请输入活动名称">
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动海报</label>
                            <input class="form-control" name="activity_pic" type="file" accept="image/*">
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动金额</label>
                            <input class="form-control"  type="text"  name="activity_money" placeholder="请输入活动金额">
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动简介</label>
                            <textarea class="form-control" rows="4" name="activity_desc" placeholder="请输入活动简介"></textarea>
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动时间</label>
                            <input class="form-control" type="datetime-local" name="activity_time" placeholder="请输入活动时间">
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动地点</label>
                            <input class="form-control" type="text" name="activity_place" placeholder="请输入活动地点">
                        </div>
                        <div class="form-group">
                            <label class="control-label">报名开始时间</label>
                            <input class="form-control" type="datetime-local" name="activity_stime" placeholder="请输入报名开始时间">
                        </div>
                        <div class="form-group">
                            <label class="control-label">报名结束时间</label>
                            <input class="form-control" type="datetime-local" name="activity_etime" placeholder="请输入报名结束时间">
                        </div>
                    </>
                </div>
                <div class="tile-footer">
                    <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>添加</button>&nbsp;&nbsp;
                    &nbsp;<a class="btn btn-secondary" href="{:url('activity/lst')}"><i class="fa fa-fw fa-lg fa-times-circle"></i>取消</a>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- Essential javascripts for application to work-->
<script src="__PUBLIC__/docs/js/jquery-3.2.1.min.js"></script>
<script src="__PUBLIC__/docs/js/popper.min.js"></script>
<script src="__PUBLIC__/docs/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/docs/js/main.js"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="__PUBLIC__/docs/js/plugins/pace.min.js"></script>
<!-- Page specific javascripts-->
<script type="text/javascript" src="__PUBLIC__/docs/js/plugins/chart.js"></script>
<script type="text/javascript">
    var data = {
        labels: ["January", "February", "March", "April", "May"],
        datasets: [
            {
                label: "My First dataset",
                fillColor: "rgba(220,220,220,0.2)",
                strokeColor: "rgba(220,220,220,1)",
                pointColor: "rgba(220,220,220,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(220,220,220,1)",
                data: [65, 59, 80, 81, 56]
            },
            {
                label: "My Second dataset",
                fillColor: "rgba(151,187,205,0.2)",
                strokeColor: "rgba(151,187,205,1)",
                pointColor: "rgba(151,187,205,1)",
                pointStrokeColor: "#fff",
                pointHighlightFill: "#fff",
                pointHighlightStroke: "rgba(151,187,205,1)",
                data: [28, 48, 40, 19, 86]
            }
        ]
    };
    var pdata = [
        {
            value: 300,
            color: "#46BFBD",
            highlight: "#5AD3D1",
            label: "Complete"
        },
        {
            value: 50,
            color:"#F7464A",
            highlight: "#FF5A5E",
            label: "In-Progress"
        }
    ]

    var ctxl = $("#lineChartDemo").get(0).getContext("2d");
    var lineChart = new Chart(ctxl).Line(data);

    var ctxp = $("#pieChartDemo").get(0).getContext("2d");
    var pieChart = new Chart(ctxp).Pie(pdata);
</script>
<!-- Google analytics script-->
<script type="text/javascript">
    if(document.location.hostname == 'pratikborsadiya.in') {
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-72504830-1', 'auto');
        ga('send', 'pageview');
    }
</script>
</body>
</html>